﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id=" result"></div>


    task 0
    <div>
        <input type="text" id="input1" />
        <input type="button" id="button1" value="click me" onclick="arrayPush();"/>
        <input type="button" id="button2" value="click me next" onclick="displayArray();"/>
    </div>



    task1 not working yet
    <div>
        <input type="text" id="task1" />
        <input type="button" id="bTask1" value="add it" onclick="addToDiv()" />
     </div>
    <div id="task1Div">
         
    </div>



    task 2
    <div>
        <input type="text" id="task2" />
        <input type="text" id="task2Text2" />
        <input type="button" id="btask2" value="Push it" onclick="arrayPush2();" />
        <input type="button" id="b2task2" value="Alert it" onclick="arrayAlert2();" />
    </div>



    task 3

    <div>
        <input type="text" id="task3" />
        <input type="text" id="task3Text2" />
        <input type="button" id="btask3" value="Push it" onclick="arrayPush3();" />
        <input type="button" id="b2task3" value="Display it" onclick="divDisplay3();" />
    </div>
    <div id="task3Div"></div>
    Task 4
    <div>
        <input type="text" id="task4" />
        <input type="text" id="task4Text2" />
        <input type="button" id="btask4" value="Push it" onclick="arrayPush4();" />
        <input type="button" id="b2task4" value="Display it" onclick="divDisplay4();" />
    </div>
    <div id="task4Div"></div>
    task 5
    <div>
        <input type="text" id="task5" />
        <input type="button" id="btask5" value="Push it" onclick="arrayPush5();" />
        <input type="button" id="b2task5" value="Display it" onclick="divDisplay5();" />
    </div>
    <div id="task5Div"></div>


    task 6
    <div>
        <input type="text" id="task6" />
        <input type="button" id="btask6" value="Push it" onclick="arrayPush6();" />
        <input type="button" id="b2task6" value="Display it" onclick="divDisplay6();" />

    </div>
    <div id="task6Div"></div>

    task 7 not 100% yet
    <div>
        <input type="text" id="task7" />
        <input type="button" id="btask7" value="Push it" onclick="arrayPush7();" />


    </div>
    <div id="task7Div"></div>
    task 8
    <div>
        <input type="text" id="task8" />
        <input type="text" id="task8Text2" />
        <input type="button" id="btask8" value="Push it" onclick="arrayPush8();" />
        <input type="button" id="b2task8" value="Remove it" onclick="arrayDelete();" />
    </div>

    task 9 the display shows each full new array instead of just adding one each time
    <div>
        <input type="text" id="task9" />
        <input type="text" id="task9Text2" />
        <input type="button" id="btask9" value="Push it" onclick="arrayPush9();" />
        <input type="button" id="b2task9" value="Display it" onclick="newValue();" />
    </div>
    <div id="task9Div"></div>
    <script src="script.js"></script>
</body>
</html>
